home *** CD-ROM | disk | FTP | other *** search
/ PowerQuest 2002 / PowerQuest 2002.iso / POWERQUEST / PQ ControlCenter ST v2.04a for DeployCenter / CCST / data1.cab / HTML_Common / PQCCST / 040C / tree1.js < prev    next >
Encoding:
Text File  |  2001-12-05  |  11.6 KB  |  463 lines
  1. function Folder(folderDescription, hreference, image) //constructor 
  2. { 
  3.   //constant data 
  4.   this.desc = folderDescription 
  5.   this.hreference = hreference 
  6.   this.id = -1   
  7.   this.navObj = 0  
  8.   this.iconImg = 0  
  9.   this.nodeImg = 0  
  10.   this.isLastNode = 0 
  11.  
  12.    this.txt=0;
  13.    
  14.   //dynamic data 
  15.   this.isOpen = true 
  16. //this.iconSrc = "../../PQHTML/PQCCST/IMAGES/ftv2folderopen.gif"
  17.   this.iconSrc = image
  18.   this.children = new Array 
  19.   this.nChildren = 0 
  20.  
  21.   //methods 
  22.   this.initialize = initializeFolder 
  23.   this.setState = setStateFolder 
  24.   this.addChild = addChild 
  25.   this.createIndex = createEntryIndex 
  26.   this.hide = hideFolder 
  27.   this.display = display 
  28.   this.renderOb = drawFolder 
  29.   this.totalHeight = totalHeight 
  30.   this.subEntries = folderSubEntries 
  31.   this.outputLink = outputFolderLink 
  32. } 
  33.  
  34. function setStateFolder(isOpen) 
  35. { 
  36.   var subEntries 
  37.   var totalHeight 
  38.   var fIt = 0 
  39.   var i=0 
  40.  
  41.   if (isOpen == this.isOpen) 
  42.     return 
  43.  
  44.   if (browserVersion == 2)  
  45.   { 
  46.     totalHeight = 0 
  47.     for (i=0; i < this.nChildren; i++) 
  48.       totalHeight = totalHeight + this.children[i].navObj.clip.height 
  49.       subEntries = this.subEntries() 
  50.     if (this.isOpen) 
  51.       totalHeight = 0 - totalHeight 
  52.     for (fIt = this.id + subEntries + 1; fIt < nEntries; fIt++) 
  53.       indexOfEntries[fIt].navObj.moveBy(0, totalHeight) 
  54.   }  
  55.   this.isOpen = isOpen 
  56.   propagateChangesInState(this) 
  57. } 
  58.  
  59. function propagateChangesInState(folder) 
  60. {   
  61.   var i=0 
  62.  
  63.   if (folder.isOpen) 
  64.   { 
  65.     if (folder.nodeImg) 
  66.       if (folder.isLastNode) 
  67.         folder.nodeImg.src = "../../PQHTML/PQCCST/IMAGES/tree_cont.gif" 
  68.       else 
  69.       folder.nodeImg.src = "../../PQHTML/PQCCST/IMAGES/tree_cont.gif" 
  70. //my changes
  71. //    folder.iconImg.src = "../../PQHTML/PQCCST/IMAGES/ftv2folderopen.gif" 
  72.     folder.iconImg.src = folder.iconSrc
  73.     for (i=0; i<folder.nChildren; i++) 
  74.       folder.children[i].display() 
  75.   } 
  76.   else 
  77.   { 
  78.     if (folder.nodeImg) 
  79.       if (folder.isLastNode) 
  80.         folder.nodeImg.src = "../../PQHTML/PQCCST/IMAGES/tree_exp.gif" 
  81.       else 
  82.       folder.nodeImg.src = "../../PQHTML/PQCCST/IMAGES/tree_exp.gif" 
  83. //my changes      
  84. //    folder.iconImg.src = "../../PQHTML/PQCCST/IMAGES/ftv2folderclosed.gif" 
  85.     folder.iconImg.src = folder.iconSrc
  86.     for (i=0; i<folder.nChildren; i++) 
  87.       folder.children[i].hide() 
  88.   }  
  89. } 
  90.  
  91. function hideFolder() 
  92. { 
  93.   if (browserVersion == 1) { 
  94.     if (this.navObj.style.display == "none") 
  95.       return 
  96.     this.navObj.style.display = "none" 
  97.   } else { 
  98.     if (this.navObj.visibility == "hiden") 
  99.       return 
  100.     this.navObj.visibility = "hiden" 
  101.   } 
  102.    
  103.   this.setState(0) 
  104. } 
  105.  
  106. function initializeFolder(level, lastNode, leftSide) 
  107. { 
  108. var j=0 
  109. var i=0 
  110. var numberOfFolders 
  111. var numberOfDocs 
  112. var nc 
  113.       
  114.   nc = this.nChildren 
  115.    
  116.   this.createIndex() 
  117.  
  118.   var auxEv = "" 
  119.  
  120.   if (level>0) 
  121.     if (lastNode) //the last 'brother' in the children array 
  122.     { 
  123.       this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='../../PQHTML/PQCCST/IMAGES/tree_cont.gif' width=8 height=8 border=0 onClick='clickOnNode("+this.id+")'>") 
  124.       leftSide = leftSide + "<img src='../../PQHTML/PQCCST/IMAGES/bar_blue.gif' width=16 height=22>"  
  125.       this.isLastNode = 1 
  126.     } 
  127.     else 
  128.     { 
  129.       this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='../../PQHTML/PQCCST/IMAGES/tree_cont.gif' width=8 height=9 border=0 onClick='clickOnNode("+this.id+")'>") 
  130.       leftSide = leftSide + "<img src='../../PQHTML/PQCCST/IMAGES/bar_blue.gif' width=16 height=22>" 
  131.       this.isLastNode = 0 
  132.     } 
  133.   else 
  134.     this.renderOb("") 
  135.    
  136.   if (nc > 0) 
  137.   { 
  138.     level = level + 1 
  139.     for (i=0 ; i < this.nChildren; i++)  
  140.     { 
  141.       if (i == this.nChildren-1) 
  142.         this.children[i].initialize(level, 1, leftSide) 
  143.       else 
  144.         this.children[i].initialize(level, 0, leftSide) 
  145.       } 
  146.   } 
  147. } 
  148.  
  149. function drawFolder(leftSide) 
  150. { 
  151.   if (browserVersion == 2) { 
  152.     if (!doc.yPos) 
  153.       doc.yPos=8 
  154.     doc.write("<layer id='folder" + this.id + "' top=" + doc.yPos + " visibility=hiden>") 
  155.   } 
  156.    
  157.   doc.write("<table ") 
  158.   if (browserVersion == 1) 
  159.     doc.write(" id='folder" + this.id + "' style='position:block;' ") 
  160.   doc.write(" border=0 cellspacing=0 cellpadding=0>") 
  161.   doc.write("<tr><td>") 
  162.   doc.write(leftSide) 
  163.   this.txt=0
  164.   this.outputLink() 
  165.   doc.write("<img name='folderIcon" + this.id + "' ") 
  166.   doc.write("src='" + this.iconSrc+"' border=0 onClick='clickOnFolder("+this.id+")'>") 
  167.   doc.write("</td><td valign=middle nowrap>") 
  168.   if (USETEXTLINKS) 
  169.   { 
  170.     this.txt=1
  171.     this.outputLink() 
  172.     doc.write(this.desc + "</a>") 
  173.   } 
  174.   else 
  175.     doc.write(this.desc) 
  176.   doc.write("</td>")  
  177.   doc.write("</table>") 
  178.    
  179.   if (browserVersion == 2) { 
  180.     doc.write("</layer>") 
  181.   } 
  182.  
  183.   if (browserVersion == 1) { 
  184.     this.navObj = doc.all["folder"+this.id] 
  185.     this.iconImg = doc.all["folderIcon"+this.id] 
  186.     this.nodeImg = doc.all["nodeIcon"+this.id] 
  187.   } else if (browserVersion == 2) { 
  188.     this.navObj = doc.layers["folder"+this.id] 
  189.     this.iconImg = this.navObj.document.images["folderIcon"+this.id] 
  190.     this.nodeImg = this.navObj.document.images["nodeIcon"+this.id] 
  191.     doc.yPos=doc.yPos+this.navObj.clip.height 
  192.   } 
  193. } 
  194.  
  195. function outputFolderLink() 
  196. { 
  197.   if (this.hreference) 
  198.   { 
  199.     if(this.txt==1)
  200.     { 
  201.       doc.write("<a href='" + this.hreference + "' TARGET=\"mainFrame\" ") 
  202.       if (browserVersion > 0) 
  203.         doc.write("onClick='javascript:clickOnFolder("+this.id+")'") 
  204.       doc.write(">") 
  205.     }
  206.   } 
  207.   else 
  208.     doc.write("<a>") 
  209. } 
  210.  
  211. function addChild(childNode) 
  212. { 
  213.   this.children[this.nChildren] = childNode 
  214.   this.nChildren++ 
  215.   return childNode 
  216. } 
  217.  
  218. function folderSubEntries() 
  219. { 
  220.   var i = 0 
  221.   var se = this.nChildren 
  222.  
  223.   for (i=0; i < this.nChildren; i++){ 
  224.     if (this.children[i].children) //is a folder 
  225.       se = se + this.children[i].subEntries() 
  226.   } 
  227.  
  228.   return se 
  229. } 
  230.  
  231.  
  232. // Definition of class Item (a document or link inside a Folder) 
  233. // ************************************************************* 
  234.  
  235. function Item(itemDescription, itemLink,image)  // Constructor 
  236. { 
  237.   // constant data 
  238.   this.desc = itemDescription 
  239.   this.link = itemLink 
  240.   this.id = -1 //initialized in initalize() 
  241.   this.navObj = 0 //initialized in render() 
  242.     this.iconImg = 0 //initialized in render()
  243. //  this.iconSrc = "../../PQHTML/PQCCST/IMAGES/ftv2doc.gif" 
  244.     this.iconSrc = image
  245.  
  246.   // methods 
  247.   this.initialize = initializeItem 
  248.   this.createIndex = createEntryIndex 
  249.   this.hide = hideItem 
  250.   this.display = display 
  251.   this.renderOb = drawItem 
  252.   this.totalHeight = totalHeight 
  253. } 
  254.  
  255. function hideItem() 
  256. { 
  257.   if (browserVersion == 1) { 
  258.     if (this.navObj.style.display == "none") 
  259.       return 
  260.     this.navObj.style.display = "none" 
  261.   } else { 
  262.     if (this.navObj.visibility == "hiden") 
  263.       return 
  264.     this.navObj.visibility = "hiden" 
  265.   }     
  266. } 
  267.  
  268. function initializeItem(level, lastNode, leftSide) 
  269. {  
  270.   this.createIndex() 
  271.  
  272.   if (level>0) 
  273.     if (lastNode) //the last 'brother' in the children array 
  274.     { 
  275.       this.renderOb(leftSide + "<img src='../../PQHTML/PQCCST/IMAGES/bar_blue.gif' width=16 height=22>") 
  276.       leftSide = leftSide + "<img src='../../PQHTML/PQCCST/IMAGES/bar_blue.gif' width=16 height=22>"  
  277.     } 
  278.     else 
  279.     { 
  280.       this.renderOb(leftSide + "<img src='../../PQHTML/PQCCST/IMAGES/bar_blue.gif' width=16 height=22>") 
  281.       leftSide = leftSide + "<img src='../../PQHTML/PQCCST/IMAGES/bar_blue.gif' width=16 height=22>" 
  282.     } 
  283.   else 
  284.     this.renderOb("")   
  285. } 
  286.  
  287. function drawItem(leftSide) 
  288. { 
  289.   if (browserVersion == 2) 
  290.     doc.write("<layer id='item" + this.id + "' top=" + doc.yPos + " visibility=hiden>") 
  291.      
  292.   doc.write("<table ") 
  293.   if (browserVersion == 1) 
  294.     doc.write(" id='item" + this.id + "' style='position:block;' ") 
  295.   doc.write(" border=0 cellspacing=0 cellpadding=0>") 
  296.   doc.write("<tr><td>") 
  297.   doc.write(leftSide) 
  298.   doc.write("<img id='itemIcon"+this.id+"' ") 
  299.   doc.write("src='"+this.iconSrc+"' border=0>") 
  300.   doc.write("</td><td valign=middle nowrap>") 
  301.   if (USETEXTLINKS) 
  302.     doc.write("<a href=" + this.link + ">" + this.desc + "</a>") 
  303.   else 
  304.     doc.write(this.desc) 
  305.   doc.write("</table>") 
  306.    
  307.   if (browserVersion == 2) 
  308.     doc.write("</layer>") 
  309.  
  310.   if (browserVersion == 1) { 
  311.     this.navObj = doc.all["item"+this.id] 
  312.     this.iconImg = doc.all["itemIcon"+this.id] 
  313.   } else if (browserVersion == 2) { 
  314.     this.navObj = doc.layers["item"+this.id] 
  315.     this.iconImg = this.navObj.document.images["itemIcon"+this.id] 
  316.     doc.yPos=doc.yPos+this.navObj.clip.height 
  317.   } 
  318. } 
  319.  
  320.  
  321. // Methods common to both objects (pseudo-inheritance) 
  322. // ******************************************************** 
  323.  
  324. function display() 
  325. { 
  326.   if (browserVersion == 1) 
  327.     this.navObj.style.display = "block" 
  328.   else 
  329.     this.navObj.visibility = "show" 
  330. } 
  331.  
  332. function createEntryIndex() 
  333. { 
  334.   this.id = nEntries 
  335.   indexOfEntries[nEntries] = this 
  336.   nEntries++ 
  337. } 
  338.  
  339. // total height of subEntries open 
  340. function totalHeight() //used with browserVersion == 2 
  341. { 
  342.   var h = this.navObj.clip.height 
  343.   var i = 0 
  344.    
  345.   if (this.isOpen) //is a folder and _is_ open 
  346.     for (i=0 ; i < this.nChildren; i++)  
  347.       h = h + this.children[i].totalHeight() 
  348.  
  349.   return h 
  350. } 
  351.  
  352.  
  353. // Events 
  354. // ********************************************************* 
  355.  
  356. function clickOnFolder(folderId) 
  357. { 
  358.   var clicked = indexOfEntries[folderId] 
  359.  
  360.   if (!clicked.isOpen) 
  361.     clickOnNode(folderId) 
  362.  
  363.   return  
  364.  
  365.   if (clicked.isSelected) 
  366.     return 
  367. } 
  368.  
  369. function clickOnNode(folderId) 
  370. { 
  371.   var clickedFolder = 0 
  372.   var state = 0 
  373.  
  374.   clickedFolder = indexOfEntries[folderId] 
  375.   state = clickedFolder.isOpen 
  376.  
  377.   clickedFolder.setState(!state) //open<->close  
  378. } 
  379.  
  380. function initializeDocument(treetype) 
  381. { 
  382.   if (doc.all) 
  383.     browserVersion = 1 //IE4   
  384.   else 
  385.     if (doc.layers) 
  386.       browserVersion = 2 //NS4 
  387.     else 
  388.       browserVersion = 0 //other 
  389.  
  390.   foldersTree.initialize(0, 1, "") 
  391.   foldersTree.display()
  392.   
  393.   if (browserVersion > 0) 
  394.   { 
  395.     doc.write("<layer top="+indexOfEntries[nEntries-1].navObj.top+"> </layer>") 
  396.  
  397.     if (treetype == 1)
  398.     {
  399.         // close the whole tree 
  400.         clickOnNode(1) 
  401.         // open the root folder 
  402.         clickOnNode(1) 
  403.     }
  404.     else
  405.     {
  406.         // close the whole tree 
  407.            clickOnNode(0) 
  408.            // open the root folder 
  409.         clickOnNode(0) 
  410.     } 
  411.   }
  412. } 
  413.  
  414. // Auxiliary Functions for Folder-Treee backward compatibility 
  415. // ********************************************************* 
  416.  
  417. function gFld(description, hreference,image) 
  418. { 
  419.   folder = new Folder(description, hreference,image) 
  420.   return folder 
  421. } 
  422.  
  423. function gLnk(target, description, linkData,image) 
  424. { 
  425.   fullLink = "" 
  426.  
  427.   if (target==0) 
  428.   { 
  429.     fullLink = "'"+linkData+"' target=\"mainFrame\"" 
  430.   } 
  431.   else 
  432.   { 
  433.     if (target==1) 
  434.        fullLink = "'http://"+linkData+"' target=_blank" 
  435.     else 
  436.        fullLink = "'http://"+linkData+"' target=\"mainFrame\"" 
  437.   } 
  438.  
  439.   linkItem = new Item(description, fullLink,image)
  440.   return linkItem 
  441. } 
  442.  
  443. function insFld(parentFolder, childFolder) 
  444. { 
  445.   return parentFolder.addChild(childFolder) 
  446. } 
  447.  
  448. function insDoc(parentFolder, document) 
  449. { 
  450.   parentFolder.addChild(document) 
  451. } 
  452.  
  453. // Global variables 
  454. // **************** 
  455.  
  456. USETEXTLINKS = 1 
  457. indexOfEntries = new Array 
  458. nEntries = 0 
  459. doc = document 
  460. browserVersion = 0 
  461. selectedFolder=0
  462.  
  463.